/*-----------------------------------------------------------------------------------------
	1470px
-----------------------------------------------------------------------------------------*/	
@media only screen and (max-width: 91.875em) { 
	.logo-motif {
		display: none;
	}
	.section-people .people-nav {
		margin: 0 auto;
		width: 85%;
		max-width: 70em;
		
		li {
			width: 33%;
		}
	}
}


/*-----------------------------------------------------------------------------------------
	1300px
-----------------------------------------------------------------------------------------*/	
@media only screen and (max-width: 81.25em) { 

	header.isStuck .mainnav .menu-cart a {
		text-indent: -5000px;
		width: 3em;
		margin: 0;
	}
}



/*-----------------------------------------------------------------------------------------
	1260px
-----------------------------------------------------------------------------------------*/	
@media only screen and (max-width: 78.75em) { 
	.logo {
		margin: 2em 0;
	}
	.mainnav {
		margin-left: 2em;
		float: right;
		margin-top: 2.5em;
		
		.menu-cart {
			display: block;
			position: absolute;
			right: 2em;
		}
	}
	footer {
		text-align: center;
		
		.copyright, .footer-nav {
			float: none;
		}
	}
}





/*-----------------------------------------------------------------------------------------
	1210px
-----------------------------------------------------------------------------------------*/	
@media only screen and (max-width: 75.625em) { 
//Section - Vineyard
	.section-vineyard {
		.content {
			width: 100%;
			padding: 0;
			
			h1 {
				margin: 0;
			}
		}	
		.hero {
			display: none;
		}
		.copy {
			height: auto;
		}
		.map {
			width: 100%;
			height: 25em;
			margin: 0 0 2em;
		}
	}
//Cart
	.orderDisplay {
		.cart-contents {
			.cart-shipping-region,
			.cart-shipping-cost,
			.international {
				width: 100%;
				margin: 1em 0 0;
				border: none;
				padding: 0;
				height: auto;
			}
		}
	}  
}




/*-----------------------------------------------------------------------------------------
	1130px
-----------------------------------------------------------------------------------------*/	
@media only screen and (max-width: 70.625em) { 

	header.isStuck {
		height: auto;
		
		.logo {
			/*display: none; */
		}
		.mainnav {
			
			a {
				padding-bottom: 0;
			}		
			li {
				margin-bottom: 0.2em;
			}
			.active {
				border: none;				
			}
		}
	}
	.logo {
		float: none;
		margin: 0 auto 1em;
	}
	.mainnav {
		text-align: center;
		float: none;
		margin: 0;
		padding: 0 2em;
		
		.menu-cart {
			position: static;
			.inline-block;
		}
		
	}
}






/*-----------------------------------------------------------------------------------------
	1025px
-----------------------------------------------------------------------------------------*/	
@media only screen and (max-width: 64.0625em) { 
.fancybox-close {
	right: 1em;
	
}

	body {
		background-size: auto;
	}
	header {
		position: static;
		margin-bottom: 2em;
		
		.inner {
			margin: 0;
		}
	}
	
	.single section {
		padding-top: 0;
	}
// Section -  Our Story
	.section-story {
		.inner {
			padding: 5%;
		}
		.hero {
		    display: block;
		    margin: -5% -5% 0;
		    max-width: none;
		    width: 110%;
		}
		.type {
			padding-left: 0;
		}
		.copy, .content, .headings {
			position: static;
			width: 100%;
		}		
	}
//Page - Wine
	.page-wine {
		.wine-detail {
			.history, .meta {
				width: 100%;	
			}
			.history {
				width: 146%;
				margin-left: -42%;
			}
			.details {
				width: 68%;
			}
			.wine-hero {
				margin-right: 8%;
				width: 20%;
			}
			hr {
				display: block;
				margin: 2em 0;
			}
		}
		
	}
//Page - Contact
	.section-contact,
	.page-contact {	
		.hero {
			display: none;
		}
		.contact-form {
			margin: 0 5% 0 0;
			width: 50%;
		}
		.content-block {
			width: 44%;
		}
	}
	.arrow {
		display: none;
	}
//Page - 404
	.page-404 .container {
		margin-top: 0;
		border: none;
	}
}







/*-----------------------------------------------------------------------------------------
	920px
-----------------------------------------------------------------------------------------*/	
@media only screen and (max-width: 57.5em) { 
section {
	padding-left: 5%;
	padding-right: 5%;
}

//Section  - Wine
	.section-wine {
		.inner {
			text-align: center;
			
			h1 {
				margin: 0;
				float: none;
			}
			.winetype-toggle {
				position: static;
			}
		}
		.pagination {
		    float: none;
		    margin: 1em 0 2em;
	    }
    }
//Page - with subnav
	.article-with-subnav {
		.content, .subnav {
			width: 100%;
		}
		.content-block {
			padding: 2em;
		}
		.nav-toggle {
			display: inline-block;
		}
		.subnav {
			display: none;
			/*text-align: center;*/
		}
		.subnav li {
			.inline-block;
			text-align: left;
			vertical-align: top;
			width: 50%;
			border-bottom: none;
			border-top: 1px solid rgba(255,255,255,.2);
			
			a {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				padding: 1em 2em;
				border-left: none;
				border-top: 4px solid rgba(255, 255, 255, 0.00);
			}
		}
		.subnav li:last-child {
			border-top: 1px solid rgba(255,255,255,.2);
		}
	}
//Page - News
	.page-news {
		.content-block {
			padding-top: 4em;
		}
	}
//Page - Cart
	.orderDisplay {
		.cart-contents .cartImg-wrapper {
			margin-bottom: 1em;
		}
		.cart-contents .productDes {
			width: 100%;
			display: block;
		}
	}

}




/*-----------------------------------------------------------------------------------------
	800px
-----------------------------------------------------------------------------------------*/	
@media only screen and (max-width: 50em) { 
	body {
		/*background: red;*/
	}

// Section - Home
	.page-home {
		.feature .quotes {
			width: 100%;	
			background: white;
			position: static;
			margin: 0;
			font-size: 1.2em;
			
			.quote a {
				width: 100%;
				padding-left: 1em;
				padding-right: 1em;
			}
			.quote-logo {
				max-width: 8em;
			}
		}
	}
// Section - Wine
	.section-wine {
		width: 100%;
	}
// Section - People
	.section-people {	
		.headings,
		.copy {
			float: none;
			width: 100%;
		}
		.inner {
			padding: 0 8%;
		}
		.info .content {
			   -moz-columns: 2;
			-webkit-columns: 2;
			        columns: 2;
		}
	}
}
	
	
	
	
/*-----------------------------------------------------------------------------------------
	700px
-----------------------------------------------------------------------------------------*/	
@media only screen and (max-width: 43.75em) { 
	.section-people .people-nav {		
		li {
			width: 50%;
		}
	}
// Cart
	.orderDisplay {
		
		.purchase-details {
			width: 90%;
			margin: 0 auto 2em;
		}
		.purchase-wrapper {
			padding-bottom: 0;
		}
		td, th {
			.inline-block;
		}
		th {
			display: none;
		}
		.cart-contents {		
			.cartImg-wrapper {
				display: none;
			}
			.productDes {
				width: 100%;
			}
			.col1 {
				width: 100%;
			}
			.col2, .col5 {
				display: none;
			}
			 .col3 {
				width: 35%;
				border: none;
			}
			 .col4 {
				width: 65%;
				border: none;
			}
			.cart-shipping-message,
			.cart-total {
				width: 100%;
				margin: 0 0 2em;
			}
			.cart-total {
				text-align: center;
			}
			.cart-foot {
				padding-bottom: 0;
			}
			.control {
				text-align: center;
				
				.button {
					width: 100%;
					margin: 0 0 .5em;
				}
			}
		}
	}
	
}




/*-----------------------------------------------------------------------------------------
	600px
-----------------------------------------------------------------------------------------*/	
@media only screen and (max-width: 37.5em) { 
	body {
		font-size: .85em;
	}
	header.isStuck .logo {
		display: block;			
	}
	header {
		margin-bottom: 1em;
	}
	.mainnav {
		padding: 0 1em;
	}
	.container {
		padding: 2em 0 3em;
		/*border-top: 2px solid rgba(255, 255, 255, .2);*/
	}
	h1 {
		font-size: 2.2em;
	}
	.button {
		width: 90%;
		margin: 0 0 .5em;
	}
	.logo {
		max-width: none;
		margin: 0 0 0 5%;
		
		img {
			display: block;
		}	
	}
	.mainnav li {
		margin: 0 .5em;
	}
	section {
		padding: 4em 8%;
	}
	.single section {
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
	}
	.single h1 {
		padding: 0 5%;
	}
	footer {
		position: static;
	}
	header.isStuck, header {
		top: 0;
		position: relative;
		background: @yellow;
		margin: 0;
	}
	.panel {
		padding: 0;
		
		.inner {
			padding: 8%;
		}
	}
	.img-left,
	.img-right {
		float: none;
		width: 100%;
		display: block;
		margin: 0 0 1em;
	}
// Section -  News
	.section-news {
		.news-list li {
			width: 100%;
			margin: 0 0 2em;
			
			.title a {
				margin: 0;
			}
			.readmore {
				display: none;
			}
		}
		.headings .view-all,
		.headings h1 {
			float: none;
			margin: 0;
		}
		.headings .view-all {
			margin: 0 0 1em;
			display: block;
		}
	}
// Section - Our People
	.section-people {
		.info .content {
			   -moz-columns: 1;
			-webkit-columns: 1;
			        columns: 1;
		}
	}
//Section - Wine
	.swiper-wrapper {
		height: 30em;	
	}
	.section-wine {
		width: auto;
		
		.inner {
			padding: 0;
		}
		.wine-panel li {
			width: 10em;
			height: 25.5em;
			padding: 2em 1em;
			/*font-size: .9em;;*/
			border-right: 1px solid #e5e5e5;
		}
		.wine-panel img {
			width: 50%;
		}
		.wine-panel .wine-img {
			height: 20em;
		}
		.view-detail,
		.add-to-cart {
			top: 34%;
			background-position: 15px -36px;
			left: 5%;
		}
		.add-to-cart {
			background-position: 12px -145px;
			right: 5%;
			left: auto;
		}
	}
	.winetype-toggle li a {
		padding: .7em;
	}
//Page - Wine
	.page-wine {
		.wine-detail {
			padding: 4em 2em 2em;	
						
			.name {
				font-size: 1.4em;
			}
			.wine-hero {
			   display: block;
			   margin: 0 auto 2em;
			   width: 35%;
			}
			.details {
				width: 100%;
			}
			.figure {
				text-align: center;
			}
			.buy-form {
				text-align: center;
				
				li {
					margin-bottom: 1em;
				}
			}
			hr {
				display: none;
			}
			.history, .footnote {
				width: 100%;
				margin-left: 0%;
			}
		}
	}
//Page - Contact
	.section-contact,
	.page-contact {
		.container {
			padding-bottom: 0;
		}
		.contact-form {
			margin: 0 0 2em;
			width: 100%;
		}
		.content-block {
			width: 100%;
		}
		
		.blocks {
			padding: 0 5% 5%;
			overflow: hidden;
		}
	}
	#map_canvas {
		height: 20em;
	}
// Newsletter 
	.page-modal.newsletter .newsletter-form li {
		width: 100%;
		margin-right: 0;
	}
// Mobile nav 

	.mainnav {
		position: fixed;
		height: 100%;
		width: 80%;
		z-index: 7;
		top: 0;
		left: -80%;
		padding: 0;
		background: @body-copy;
		text-align: left;
		overflow: auto;
		-moz-box-shadow: -4px 0 5px rgba(0,0,0,.5) inset;
		-webkit-box-shadow: -4px 0 5px rgba(0,0,0,.5) inset;
		box-shadow: -4px 0 5px rgba(0,0,0,.5) inset;
		
		-webkit-overflow-scrolling: touch;
		
		
		.mobile-item {
			display: block;
		}
		li {
		 	margin: 0 !important;		
			border-bottom: 1px solid rgba(255, 255, 255, .2);
			display: block;
		}
		a {
			padding: 1em 1.5em !important;
			display: block;
		}
		.menu-cart {
			display: block;
			
			a {
				display: block;
				background-position: 1.5em 14px;
				
				/* These overwrite fixed header */
				padding-left: 4em !important;
				width: auto !important;
				text-indent: 0 !important;
				margin: auto !important;
			}
		}		
	}
	.mainnav-toggle {
		.sprite;
		background-color: #FFFFFF;
		background-position: -82px -31px;
		text-indent: -5000px;
		color: #000000;
		margin: 0 auto;
		padding: 1em 2em;
		position: absolute;
		top: 0;
		max-height: 4em;
		height: 100%;	
		left: 0;
		
	}
	body,
	.mainnav {
		transition: left .4s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	body {
		position: relative;
		left: 0;
	}
	.nav-active {
		left: 80%;
	}
	.mainnav.mobile-active {
		left: 0;		
	}
	.top-nav {
		display: block; 
		background-color: @yellow;
		font-style: italic;
		height: 4em;
		line-height: 1;
		margin-left: -3.5em;
		color: @body-copy;
		padding: 1.5em;
		position: fixed;
		right: 0;
		text-align: center;
		bottom: 2em;
		opacity: .95;
		/*width: 7em;*/
		font-size: 1.1em;
		z-index: 5;
	}
// LDA 
	.page-lda {
		.container .inner {
			padding: 5%;
		}
	}
}






/*-----------------------------------------------------------------------------------------
	Vertical - 830px
-----------------------------------------------------------------------------------------*/	
.map-nav {
	display: none;
}
@media only screen and (max-height: 900px) { 
	.map-nav {
		display: block;	
	}
}





/*-----------------------------------------------------------------------------------------
	Touch devices
-----------------------------------------------------------------------------------------*/	
.touch {


}